<!DOCTYPE html>



  


<html class="theme-next pisces use-motion" lang="zh-Hans">
<head>
  <meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<meta name="theme-color" content="#222">









<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
















  
  
  <link href="/zdh-bk/lib/fancybox/source/jquery.fancybox.css?v=2.1.5" rel="stylesheet" type="text/css" />







<link href="/zdh-bk/lib/font-awesome/css/font-awesome.min.css?v=4.6.2" rel="stylesheet" type="text/css" />

<link href="/zdh-bk/css/main.css?v=5.1.4" rel="stylesheet" type="text/css" />


  <link rel="apple-touch-icon" sizes="180x180" href="/zdh-bk/images/apple-touch-icon-next.png?v=5.1.4">


  <link rel="icon" type="image/png" sizes="32x32" href="/zdh-bk/images/favicon-32x32-next.png?v=5.1.4">


  <link rel="icon" type="image/png" sizes="16x16" href="/zdh-bk/favicon.ico?v=5.1.4">


  <link rel="mask-icon" href="/zdh-bk/images/logo.svg?v=5.1.4" color="#222">





  <meta name="keywords" content="模式," />





  <link rel="alternate" href="/zdh-bk/atom.xml" title="Zdh's Site" type="application/atom+xml" />






<meta name="description" content="在介绍状态模式之前，我们先来看这样一个实例：你公司力排万难终于获得某个酒店的系统开发项目，并且最终落到了你的头上。下图是他们系统的主要工作(够简单)。 图片1 当你第一眼看到这个系统的时候你就看出来了这是一个状态图，每个框框都代表了房间的状态，箭头表示房间状态的转换。分析如下：房间有三个状态：空闲、已预订、已入住，状态与状态之间可以根据客户的动作来进行转换。定义每个状态的值。 public st">
<meta name="keywords" content="模式">
<meta property="og:type" content="article">
<meta property="og:title" content="状态模式">
<meta property="og:url" content="http://antims.gitee.io/2018/01/07/状态模式/index.html">
<meta property="og:site_name" content="Zdh&#39;s Site">
<meta property="og:description" content="在介绍状态模式之前，我们先来看这样一个实例：你公司力排万难终于获得某个酒店的系统开发项目，并且最终落到了你的头上。下图是他们系统的主要工作(够简单)。 图片1 当你第一眼看到这个系统的时候你就看出来了这是一个状态图，每个框框都代表了房间的状态，箭头表示房间状态的转换。分析如下：房间有三个状态：空闲、已预订、已入住，状态与状态之间可以根据客户的动作来进行转换。定义每个状态的值。 public st">
<meta property="og:locale" content="zh-Hans">
<meta property="og:updated_time" content="2018-01-07T08:17:18.206Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="状态模式">
<meta name="twitter:description" content="在介绍状态模式之前，我们先来看这样一个实例：你公司力排万难终于获得某个酒店的系统开发项目，并且最终落到了你的头上。下图是他们系统的主要工作(够简单)。 图片1 当你第一眼看到这个系统的时候你就看出来了这是一个状态图，每个框框都代表了房间的状态，箭头表示房间状态的转换。分析如下：房间有三个状态：空闲、已预订、已入住，状态与状态之间可以根据客户的动作来进行转换。定义每个状态的值。 public st">



<script type="text/javascript" id="hexo.configurations">
  var NexT = window.NexT || {};
  var CONFIG = {
    root: '/zdh-bk/',
    scheme: 'Pisces',
    version: '5.1.4',
    sidebar: {"position":"left","display":"post","offset":12,"b2t":false,"scrollpercent":false,"onmobile":false},
    fancybox: true,
    tabs: true,
    motion: {"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideUpIn"}},
    duoshuo: {
      userId: '0',
      author: '博主'
    },
    algolia: {
      applicationID: '',
      apiKey: '',
      indexName: '',
      hits: {"per_page":10},
      labels: {"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}
    }
  };
</script>



  <link rel="canonical" href="http://antims.gitee.io/2018/01/07/状态模式/"/>





  <title>状态模式 | Zdh's Site</title>
  








  <script type="text/javascript" src="/js/src/love.js"></script>
</head>

<body itemscope itemtype="http://schema.org/WebPage" lang="zh-Hans">

  
  
    
  

  <div class="container sidebar-position-left page-post-detail">
    <div class="headband"></div>
<a href="https://gitee.com/antims"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"></a>
    <header id="header" class="header" itemscope itemtype="http://schema.org/WPHeader">
      <div class="header-inner"><div class="site-brand-wrapper">
  <div class="site-meta ">
    

    <div class="custom-logo-site-title">
      <a href="/zdh-bk/"  class="brand" rel="start">
        <span class="logo-line-before"><i></i></span>
        <span class="site-title">Zdh's Site</span>
        <span class="logo-line-after"><i></i></span>
      </a>
    </div>
      
        <p class="site-subtitle">志不强，则智不达！</p>
      
  </div>

  <div class="site-nav-toggle">
    <button>
      <span class="btn-bar"></span>
      <span class="btn-bar"></span>
      <span class="btn-bar"></span>
    </button>
  </div>
</div>

<nav class="site-nav">
  

  
    <ul id="menu" class="menu">
      
        
        <li class="menu-item menu-item-首页">
          <a href="/zdh-bk/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-home"></i> <br />
            
            首页
          </a>
        </li>
      
        
        <li class="menu-item menu-item-关于">
          <a href="/zdh-bk/about/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-user"></i> <br />
            
            关于
          </a>
        </li>
      
        
        <li class="menu-item menu-item-标签">
          <a href="/zdh-bk/tags/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-tags"></i> <br />
            
            标签
          </a>
        </li>
      
        
        <li class="menu-item menu-item-分类">
          <a href="/zdh-bk/categories/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-th"></i> <br />
            
            分类
          </a>
        </li>
      
        
        <li class="menu-item menu-item-归档">
          <a href="/zdh-bk/archives/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-archive"></i> <br />
            
            归档
          </a>
        </li>
      

      
    </ul>
  

  
</nav>



 </div>
    </header>
    <main id="main" class="main">
      <div class="main-inner">
        <div class="content-wrap">
          <div id="content" class="content">
            

  <div id="posts" class="posts-expand">
    

  

  
  
  

  <article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
  
  
  
  <div class="post-block">
    <link itemprop="mainEntityOfPage" href="http://antims.gitee.io/zdh-bk/2018/01/07/状态模式/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="name" content="张登辉">
      <meta itemprop="description" content="">
      <meta itemprop="image" content="/zdh-bk/uploads/huoying.jpg">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="Zdh's Site">
    </span>

    
      <header class="post-header">

        
        
          <h1 class="post-title" itemprop="name headline">状态模式</h1>
        

        <div class="post-meta">
          <span class="post-time">
            
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              
                <span class="post-meta-item-text">发表于</span>
              
              <time title="创建于" itemprop="dateCreated datePublished" datetime="2018-01-07T14:01:00+08:00">
                2018-01-07
              </time>
            

            

            
          </span>

          
            <span class="post-category" >
            
              <span class="post-meta-divider">|</span>
            
              <span class="post-meta-item-icon">
                <i class="fa fa-folder-o"></i>
              </span>
              
                <span class="post-meta-item-text">分类于</span>
              
              
                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
                  <a href="/zdh-bk/categories/设计模式/" itemprop="url" rel="index">
                    <span itemprop="name">设计模式</span>
                  </a>
                </span>

                
                
              
            </span>
          

          
            
          

          
          

          

          

          

        </div>
      </header>
    

    
    
    
    <div class="post-body" itemprop="articleBody">

      
      

      
        <p> 在介绍状态模式之前，我们先来看这样一个实例：你公司力排万难终于获得某个酒店的系统开发项目，并且最终落到了你的头上。下图是他们系统的主要工作(够简单)。</p>
<p>图片1</p>
<pre><code>当你第一眼看到这个系统的时候你就看出来了这是一个状态图，每个框框都代表了房间的状态，箭头表示房间状态的转换。分析如下：房间有三个状态：空闲、已预订、已入住，状态与状态之间可以根据客户的动作来进行转换。定义每个状态的值。
</code></pre><p>public static final int FREEMTIME_STATE = 0;  //空闲状态<br>    public static final int BOOKED_STATE = 1;     //已预订状态<br>    public static final int CHECKIN_STATE = 2;    //入住状态</p>
<pre><code>int state = FREEMTIME_STATE;     //初始状态
  通过客户的动作将每个状态整合起来，对于这个“最简单”的方式肯定是if…else if…else啦！所以这里我们就通过动作将所有的状态全面整合起来。分析得这里有四个动作：预订、入住、退订、退房。如下：
</code></pre><p>/**</p>
<pre><code> * @desc 预订
 * @return void
 */
public void bookRoom(){
    if(state == FREEMTIME_STATE){   //空闲可预订
        if(count &gt; 0){
            System.out.println(&quot;空闲房间，完成预订...&quot;);
            state =  BOOKED_STATE;     //改变状态：已预订
            count --;
            //房间预订完了,提示客户没有房源了
            if(count == 0){
                System.out.println(&quot;不好意思,房间已经预订完,欢迎您下次光临...&quot;);
            }
        }
        else{
            System.out.println(&quot;不好意思,已经没有房间了....&quot;);
        }
    }
    else if(state == BOOKED_STATE){
        System.out.println(&quot;该房间已经被预订了...&quot;);
    }
    else if(state == CHECKIN_STATE){
        System.out.println(&quot;该房间已经有人入住了...&quot;);
    }
}

/**
 * @desc 入住
 * @return void
 */
public void checkInRoom(){
    if(state == FREEMTIME_STATE){
        if(count &gt; 0){
            System.out.println(&quot;空闲房间，入住...&quot;);
            state =  CHECKIN_STATE;     //改变状态：已预订
            count --;
            //房间预订完了,提示客户没有房源了
            if(count == 0){
                System.out.println(&quot;不好意思,房间已经预订完,欢迎您下次光临...&quot;);
            }
        }
        else{
            System.out.println(&quot;不好意思,已经没有房间了....&quot;);
        }

    }
    else if(state == BOOKED_STATE){
        if(&quot;如果该房间是您预订的&quot;){
            System.out.println(&quot;入住....&quot;);
            state = CHECKIN_STATE;
        }
        else{
            System.out.println(&quot;您没有预订该房间,请先预订...&quot;);
        }
    }
    else if(state == CHECKIN_STATE){
        System.out.println(&quot;该房间已经入住了...&quot;);
    }
}

/**
 * @desc 退订
 * @return void
 */
public void unsubscribeRoom(){
    if(state == FREEMTIME_STATE){
    }
    else if(state == CHECKIN_STATE){

    }
    else if(state == BOOKED_STATE){
        System.out.println(&quot;已退订房间...&quot;);
        state = FREEMTIME_STATE;
        count ++;
    }
}

/**
 * @desc 退房
 * @return void
 */
public void checkOutRoom(){
    if(state == FREEMTIME_STATE){

    }
    else if(state == BOOKED_STATE){

    }
    else if(state == CHECKIN_STATE){
        System.out.println(&quot;已退房..&quot;);
        state = FREEMTIME_STATE;
        count++;
    }
}
  对于上面的代码你是否满意呢？满意那么你就没有必要往下看了，不满意我们接着讲。

  正当你完成这个“复杂”if..else if …else时(我都写了一会儿)，你客户说，我们需要将某些房间保留下来以作为备用(standbyState)，于是你发现你悲剧了，因为你发现你要在所有的操作里都要判断该房间是否为备用房间。当你老大经过你身边的时候发现你正在纠结怎么改的时候，你老大就问你为什么不换一个角度思考以状态为原子来改变它的行为，而不是通过行为来改变状态呢？于是你就学到了状态模式。
</code></pre><p>一、模式定义</p>
<pre><code>在很多情况下，一个对象的行为取决于它的一个或多个变化的属性，这些属性我们称之为状态，这个对象称之为状态对象。对于状态对象而已，它的行为依赖于它的状态，比如你要预订房间，那么只有当该房间为空闲时你才能预订，你想入住该房间也只有当你预订了该房间或者该房间为空闲时。对于这样的一个对象，当它在于外部事件产生互动的时候，其内部状态就会发生改变，从而使得他的行为也随之发生改变。

那么何为状态模式呢？所谓状态模式就是允许对象在内部状态发生改变时改变它的行为，对象看起来好像修改了它的类。
</code></pre><p>二、模式结构</p>
<pre><code>下图为状态模式的UML图。
</code></pre><p>图片2</p>
<pre><code>状态模式包含如下角色：

   Context: 环境类。可以包括一些内部状态。

   State: 抽象状态类。State定义了一个所有具体状态的共同接口，任何状态都实现这个相同的接口，这样一来，状态之间就可以互相转换了。

   ConcreteState: 具体状态类。具体状态类，用于处理来自Context的请求，每一个ConcreteState都提供了它对自己请求的实现，所以，当Context改变状态时行为也会跟着改变。
</code></pre><p>三、模式实现</p>
<pre><code>依然是上面那个酒店的实例。对于该实例的UML图如下：
</code></pre><p>aaaa</p>
<pre><code>首先是状态接口：State
</code></pre><p>public interface State {<br>    /**</p>
<pre><code> * @desc 预订房间
 * @return void
 */
public void bookRoom();

/**
 * @desc 退订房间
 * @return void
 */
public void unsubscribeRoom();

/**
 * @desc 入住
 * @return void
 */
public void checkInRoom();

/**
 * @desc 退房
 * @return void
 */
public void checkOutRoom();
</code></pre><p>}<br>      然后是房间类</p>
<p>public class Room {<br>    /*</p>
<pre><code> * 房间的三个状态
 */
State freeTimeState;    //空闲状态
State checkInState;     //入住状态
State bookedState;      //预订状态

State state ;  

public Room(){
    freeTimeState = new FreeTimeState(this);
    checkInState = new CheckInState(this);
    bookedState = new BookedState(this);

    state = freeTimeState ;  //初始状态为空闲
}

/**
 * @desc 预订房间
 * @return void
 */
public void bookRoom(){
    state.bookRoom();
}

/**
 * @desc 退订房间
 * @return void
 */
public void unsubscribeRoom(){
    state.unsubscribeRoom();
}

/**
 * @desc 入住
 * @return void
 */
public void checkInRoom(){
    state.checkInRoom();
}

/**
 * @desc 退房
 * @return void
 */
public void checkOutRoom(){
    state.checkOutRoom();
}

public String toString(){
    return &quot;该房间的状态是:&quot;+getState().getClass().getName();
}

/*
 * getter和setter方法
 */

public State getFreeTimeState() {
    return freeTimeState;
}

public void setFreeTimeState(State freeTimeState) {
    this.freeTimeState = freeTimeState;
}

public State getCheckInState() {
    return checkInState;
}

public void setCheckInState(State checkInState) {
    this.checkInState = checkInState;
}

public State getBookedState() {
    return bookedState;
}

public void setBookedState(State bookedState) {
    this.bookedState = bookedState;
}

public State getState() {
    return state;
}

public void setState(State state) {
    this.state = state;
}
</code></pre><p>}<br>      然后是3个状态类,这个三个状态分别对于这:空闲、预订、入住。其中空闲可以完成预订和入住两个动作，预订可以完成入住和退订两个动作，入住可以退房。</p>
<p>/** </p>
<ul>
<li>@project: design_state </li>
<li>@author chenssy</li>
<li>@date 2013-8-24 </li>
<li><p>@Description: 空闲状态只能预订和入住<br>*/<br>public class FreeTimeState implements State {</p>
<p> Room hotelManagement;</p>
<p> public FreeTimeState(Room hotelManagement){</p>
<pre><code>this.hotelManagement = hotelManagement;
</code></pre><p> }</p>
</li>
</ul>
<pre><code>public void bookRoom() {
    System.out.println(&quot;您已经成功预订了...&quot;);
    hotelManagement.setState(hotelManagement.getBookedState());   //状态变成已经预订
}

public void checkInRoom() {
    System.out.println(&quot;您已经成功入住了...&quot;);
    hotelManagement.setState(hotelManagement.getCheckInState());   //状态变成已经入住
}

public void checkOutRoom() {
    //不需要做操作
}

public void unsubscribeRoom() {
    //不需要做操作
}
</code></pre><p>}</p>
<p>/** </p>
<ul>
<li>@project: design_state </li>
<li>@author chenssy</li>
<li>@date 2013-8-24 </li>
<li><p>@Description: 入住状态房间只能退房<br>*/<br>public class BookedState implements State {<br> Room hotelManagement;</p>
<p> public BookedState(Room hotelManagement) {</p>
<pre><code>this.hotelManagement = hotelManagement;
</code></pre><p> }</p>
<p> public void bookRoom() {</p>
<pre><code>System.out.println(&quot;该房间已近给预定了...&quot;);
</code></pre><p> }</p>
<p> public void checkInRoom() {</p>
<pre><code>System.out.println(&quot;入住成功...&quot;); 
hotelManagement.setState(hotelManagement.getCheckInState());         //状态变成入住
</code></pre><p> }</p>
<p> public void checkOutRoom() {</p>
<pre><code>//不需要做操作
</code></pre><p> }</p>
<p> public void unsubscribeRoom() {</p>
<pre><code>System.out.println(&quot;退订成功,欢迎下次光临...&quot;);
hotelManagement.setState(hotelManagement.getFreeTimeState());   //变成空闲状态
</code></pre><p> }</p>
</li>
</ul>
<p>}</p>
<p>/** </p>
<ul>
<li>@project: design_state </li>
<li>@author chenssy</li>
<li>@date 2013-8-24 </li>
<li><p>@Description: 入住可以退房<br>*/<br>public class CheckInState implements State {<br> Room hotelManagement;<br> public CheckInState(Room hotelManagement) {</p>
<pre><code>this.hotelManagement = hotelManagement;
</code></pre><p> }</p>
<p> public void bookRoom() {</p>
<pre><code>System.out.println(&quot;该房间已经入住了...&quot;);
</code></pre><p> }</p>
<p> public void checkInRoom() {</p>
<pre><code>System.out.println(&quot;该房间已经入住了...&quot;);
</code></pre><p> }</p>
<p> public void checkOutRoom() {</p>
<pre><code>System.out.println(&quot;退房成功....&quot;);
hotelManagement.setState(hotelManagement.getFreeTimeState());     //状态变成空闲
</code></pre><p> }</p>
<p> public void unsubscribeRoom() {</p>
<pre><code>//不需要做操作
</code></pre><p> }</p>
</li>
</ul>
<p>}<br>      最后是测试类</p>
<p>public class Test {<br>    public static void main(String[] args) {<br>        //有3间房<br>        Room[] rooms = new Room[2];<br>        //初始化<br>        for(int i = 0 ; i &lt; rooms.length ; i++){<br>            rooms[i] = new Room();<br>        }<br>        //第一间房<br>        rooms[0].bookRoom();    //预订<br>        rooms[0].checkInRoom();   //入住<br>        rooms[0].bookRoom();    //预订<br>        System.out.println(rooms[0]);<br>        System.out.println(“—————————“);</p>
<pre><code>    //第二间房
    rooms[1].checkInRoom();
    rooms[1].bookRoom();
    rooms[1].checkOutRoom();
    rooms[1].bookRoom();
    System.out.println(rooms[1]);
}
</code></pre><p>}</p>
<pre><code>运行结果
</code></pre><p>1111</p>
<p>四、模式优缺点</p>
<p>优点</p>
<pre><code>1、封装了转换规则。

2、枚举可能的状态，在枚举状态之前需要确定状态种类。

3、将所有与某个状态有关的行为放到一个类中，并且可以方便地增加新的状态，只需要改变对象状态即可改变对象的行为。

4、允许状态转换逻辑与状态对象合成一体，而不是某一个巨大的条件语句块。

5、可以让多个环境对象共享一个状态对象，从而减少系统中对象的个数。
</code></pre><p>缺点</p>
<pre><code>1、状态模式的使用必然会增加系统类和对象的个数。

2、状态模式的结构与实现都较为复杂，如果使用不当将导致程序结构和代码的混乱。

3、状态模式对“开闭原则”的支持并不太好，对于可以切换状态的状态模式，增加新的状态类需要修改那些负责状态转换的源代码，否则无法切换到新增状态；而且修改某个状态类的行为也需修改对应类的源代码。
</code></pre><p>五、模式适用场景</p>
<pre><code>1、对象的行为依赖于它的状态（属性）并且可以根据它的状态改变而改变它的相关行为。

2、代码中包含大量与对象状态有关的条件语句
</code></pre><p>六、模式总结</p>
<pre><code>1、状态模式允许一个对象基于内部状态而拥有不同的行为。

2、Context会将行为委托给当前状态对象。

3、状态模式对“开闭原则”支持不是很好。
</code></pre>
      
    </div>
    
    
    
<div>
  
    <div>
    
        <div style="text-align:center;color: #ccc;font-size:14px;">-------------本文结束<i class="fa fa-paw"></i>感谢您的阅读-------------</div>
    
</div>
  
</div>
    

    

    

    <footer class="post-footer">
      
        <div class="post-tags">
          
            <a href="/zdh-bk/tags/模式/" rel="tag"><i class="fa fa-tag"></i> 模式</a>
          
        </div>
      

      
      
      

      
        <div class="post-nav">
          <div class="post-nav-next post-nav-item">
            
              <a href="/zdh-bk/2018/01/07/桥梁模式/" rel="next" title="桥梁模式">
                <i class="fa fa-chevron-left"></i> 桥梁模式
              </a>
            
          </div>

          <span class="post-nav-divider"></span>

          <div class="post-nav-prev post-nav-item">
            
              <a href="/zdh-bk/2018/01/07/sql之left join、right join、inner join的区别/" rel="prev" title="sql之left join、right join、inner join的区别">
                sql之left join、right join、inner join的区别 <i class="fa fa-chevron-right"></i>
              </a>
            
          </div>
        </div>
      

      
      
    </footer>
  </div>
  
  
  
  </article>



    <div class="post-spread">
      
    </div>
  </div>


          </div>
          


          

  
    <div class="comments" id="comments">
      <div id="uyan_frame"></div>
    </div>

  


        </div>
        
          
  
  <div class="sidebar-toggle">
    <div class="sidebar-toggle-line-wrap">
      <span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
      <span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
      <span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
    </div>
  </div>

  <aside id="sidebar" class="sidebar">
    
    <div class="sidebar-inner">

      

      

      <section class="site-overview-wrap sidebar-panel sidebar-panel-active">
        <div class="site-overview">
          <div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
            
              <img class="site-author-image" itemprop="image"
                src="/zdh-bk/uploads/huoying.jpg"
                alt="张登辉" />
            
              <p class="site-author-name" itemprop="name">张登辉</p>
              <p class="site-description motion-element" itemprop="description"></p>
          </div>

          <nav class="site-state motion-element">

            
              <div class="site-state-item site-state-posts">
              
                <a href="/zdh-bk/archives">
              
                  <span class="site-state-item-count">3</span>
                  <span class="site-state-item-name">日志</span>
                </a>
              </div>
            

            
              
              
              <div class="site-state-item site-state-categories">
                <a href="/zdh-bk/categories/index.html">
                  <span class="site-state-item-count">2</span>
                  <span class="site-state-item-name">分类</span>
                </a>
              </div>
            

            
              
              
              <div class="site-state-item site-state-tags">
                <a href="/zdh-bk/tags/index.html">
                  <span class="site-state-item-count">2</span>
                  <span class="site-state-item-name">标签</span>
                </a>
              </div>
            

          </nav>

          
            <div class="feed-link motion-element">
              <a href="/zdh-bk/atom.xml" rel="alternate">
                <i class="fa fa-rss"></i>
                RSS
              </a>
            </div>
          

          
            <div class="links-of-author motion-element">
                
                  <span class="links-of-author-item">
                    <a href="https://gitee.com/antims" target="_blank" title="码云">
                      
                        <i class="fa fa-fw fa-github"></i>码云</a>
                  </span>
                
                  <span class="links-of-author-item">
                    <a href="http://blog.csdn.net/qq_29347295" target="_blank" title="csdn">
                      
                        <i class="fa fa-fw fa-cab"></i>csdn</a>
                  </span>
                
            </div>
          

          
          

          
          

          

        </div>
      </section>

      

      

    </div>
  </aside>


        
      </div>
    </main>

    <footer id="footer" class="footer">
      <div class="footer-inner">
        <div class="copyright">&copy; <span itemprop="copyrightYear">2018</span>
  <span class="with-love">
    <i class="fa fa-user"></i>
  </span>
  <span class="author" itemprop="copyrightHolder">张登辉</span>

  
</div>




        







        
      </div>
    </footer>

    
      <div class="back-to-top">
        <i class="fa fa-arrow-up"></i>
        
      </div>
    

    

  </div>

  

<script type="text/javascript">
  if (Object.prototype.toString.call(window.Promise) !== '[object Function]') {
    window.Promise = null;
  }
</script>









  


  











  
  
    <script type="text/javascript" src="/zdh-bk/lib/jquery/index.js?v=2.1.3"></script>
  

  
  
    <script type="text/javascript" src="/zdh-bk/lib/fastclick/lib/fastclick.min.js?v=1.0.6"></script>
  

  
  
    <script type="text/javascript" src="/zdh-bk/lib/jquery_lazyload/jquery.lazyload.js?v=1.9.7"></script>
  

  
  
    <script type="text/javascript" src="/zdh-bk/lib/velocity/velocity.min.js?v=1.2.1"></script>
  

  
  
    <script type="text/javascript" src="/zdh-bk/lib/velocity/velocity.ui.min.js?v=1.2.1"></script>
  

  
  
    <script type="text/javascript" src="/zdh-bk/lib/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
  

  
  
    <script type="text/javascript" src="/zdh-bk/lib/canvas-nest/canvas-nest.min.js"></script>
  


  


  <script type="text/javascript" src="/zdh-bk/js/src/utils.js?v=5.1.4"></script>

  <script type="text/javascript" src="/zdh-bk/js/src/motion.js?v=5.1.4"></script>



  
  


  <script type="text/javascript" src="/zdh-bk/js/src/affix.js?v=5.1.4"></script>

  <script type="text/javascript" src="/zdh-bk/js/src/schemes/pisces.js?v=5.1.4"></script>



  
  <script type="text/javascript" src="/zdh-bk/js/src/scrollspy.js?v=5.1.4"></script>
<script type="text/javascript" src="/zdh-bk/js/src/post-details.js?v=5.1.4"></script>



  


  <script type="text/javascript" src="/zdh-bk/js/src/bootstrap.js?v=5.1.4"></script>



  


  




	





  
    

    
      <!-- UY BEGIN -->
      <script type="text/javascript" src="http://v2.uyan.cc/code/uyan.js?uid=2154632"></script>
      <!-- UY END -->
    
  





  












  





  

  

  

  
  

  

  

  

</body>
<script type="text/javascript" src="/js/src/love.js"></script>
</html>
